@charset "utf-8";
.data_list{ }
.data_list .score{ padding:.75rem;background:#FFF}
.data_list .score .logo{ width:2rem; margin:0 auto}
.data_list .score .logo img{ width:100%}
.data_list .score .kz_flex{ text-align:center}
.data_list .score .name{ line-height:1.9rem;font-size: .6rem;color: #444444; font-weight:bold}
.data_list .score .bf{font-size: 1.5rem;color: #444;}
.data_list .percentage{background:#FFF}
.data_list .percentage .progress{ background: #DEE2E8; height:0.15rem; margin:0 .75rem}
.data_list .percentage .progress span{ display:block;background: #008083;border-radius: 0.725rem;height:0.15rem;}
.data_list .proportion{ height:2.5rem; line-height:2.5rem; padding:0 .75rem}
.data_list .proportion .left{ text-align:left; font-size:.6rem;color: #008083;}
.data_list .proportion .left .hm_icon,.data_list .proportion .right .hm_icon{ position:relative; top:.2rem; margin-right:.2rem}
.data_list .proportion .right{ text-align:right;font-size:.6rem;color: #666;}
.data_list .outs{ background:#FFF; margin-top:.5rem; padding-top:1rem; padding-bottom:1rem}
.data_list .outs li{ clear:both}
.data_list .outs .tit{ text-align:center;background: #F8F8F8;border-radius: 1.2rem; height:1.2rem; line-height:1.2rem;font-size:.6rem;color: #444; width:4.2rem; margin:0 auto}
.data_list .outs .left{ height:3.2rem;margin-right:8.975rem; position:relative}
.data_list .outs .left .icon{ float:right}
.data_list .outs .left .icon img{ height:3.2rem}
.data_list .outs .left .info{ float:right; background: #FFFFFF;border: 1px solid #F6F6F6;box-shadow: 0 2px 5px 0 rgba(16,49,104,0.08);border-radius: 1px; height:1.6rem; line-height:1.6rem;padding:0 .6rem; position:absolute; bottom:0px; right:1.4rem}
.data_list .outs .right{ height:3.2rem; margin-left:8.975rem; position:relative}
.data_list .outs .right .icon{ float:left}
.data_list .outs .right .icon img{ height:3.2rem}
.data_list .outs .name{font-size: .6rem;color: #A0AAAA; font-weight:bold; display:inline-block;margin-right:.3rem; margin-left:.3rem}
.data_list .outs  .info{ color:#D7D7D7;}
.data_list .outs  .info em{font-size: .6rem;;color: #565B61; margin-right:.3rem; display:inline-block;margin-left:.3rem}
.data_list .outs .right .info{ float:left; background: #FFFFFF;border: 1px solid #F6F6F6;box-shadow: 0 2px 5px 0 rgba(16,49,104,0.08);border-radius: 1px; height:1.6rem; line-height:1.6rem; padding:0 .6rem; position:absolute; bottom:0px; left:1.4rem}
.data_list .line{  width:1px;background: #EBEBEB; height:2rem; display:inline-block; position:relative;}
.data_list .center{ text-align:center; margin:0 auto; width:5rem; position:relative}
.data_list .center .text{font-size:.6rem;color: #D6D6D6; line-height:1.6rem}
.data_list .img_box,.data_list .img_box img{ width:100%}
